<script setup lang='ts'>
import { inject, onBeforeUnmount, onMounted, ref } from 'vue';
import { createVueDisposer, toVR } from 'vue-xe2-plugin/dist-node/components/xe2/tools';
import { XbsjEarthUi } from '../../scripts/xbsjEarthUi';
import DataBase from './DataBase.vue';
import Help from './Help.vue';
import LiftingHeight from './LiftingHeight.vue';
const xbsjEarthUi = inject('xbsjEarthUi') as XbsjEarthUi
const d = createVueDisposer(onBeforeUnmount);
const ueIsShow = toVR<boolean>(d, [xbsjEarthUi, 'ueIsShow'])
const largeScreen = ref(true)
onMounted(() => {
    //@ts-ignore
    if (window.ue && window.ue.es) {
        largeScreen.value = false
    }
})

</script>

<template>
    <div class="roam">
        <DataBase v-if="!ueIsShow && largeScreen"></DataBase>
        <Help></Help>
        <LiftingHeight></LiftingHeight>
    </div>
</template>